<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            font-family: "微软雅黑";
        }

        #registered-content {
            margin: auto;
            margin-top: 50px;

            height: 350px;
            width: 400px;
            border-style: solid;
        }

        .inp {
            margin-top: 20px;
            margin-left: 80px;
            display: inline;
        }


    </style>

</head>


<head>
    <meta http-equiv="Content-Type" content="register/html; charset=gb2312">
    <title>注册</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html {
            height: 100%;
            width: 100%;
            overflow: hidden;
            margin: 0;
            padding: 0;
            background: url(/images/left.png) no-repeat 0px 0px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            -moz-background-size: 100% 100%;
        }

        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        #loginDiv {
            width: 30%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 400px;
            background-color: rgba(75, 81, 95, 0.3);
            box-shadow: 7px 7px 17px rgba(52, 56, 66, 0.5);
            border-radius: 5px;
        }

        p{
            margin-top: 10px;
            margin-left: 20px;
            color: azure;
        }

        .sexDiv > input,
        .hobby > input {
            width: 30px;
            height: 17px;
        }

        input,
        select {
            margin-left: 15px;
            border-radius: 5px;
            border-style: hidden;
            height: 30px;
            width: 140px;
            background-color: rgba(216, 191, 216, 0.5);
            outline: none;
            color: #f0edf3;
            padding-left: 10px;
        }

        .button {
            border-color: cornsilk;
            background-color: rgba(100, 149, 237, .7);
            color: aliceblue;
            border-style: hidden;
            border-radius: 5px;
            width: 100px;
            height: 31px;
            font-size: 16px;
        }

        .introduce {
            margin-left: 110px;
        }

        .introduce > textarea {
            background-color: rgba(216, 191, 216, 0.5);
            border-style: hidden;
            outline: none;
            border-radius: 5px;
        }

        h1 {
            text-align: center;
            margin-bottom: 20px;
            margin-top: 20px;
            color: #f0edf3;
        }

        b {
            margin-left: 50px;
            color: #FFEB3B;
            font-size: 10px;
            font-weight: initial;
        }

        .layui-input-inline{
            display: inline;
        }
        .layui-form-item{
            display: inline;
        }
    </style>
</head>

<body>
<div id="loginDiv">
    <form action="" style="margin-top: -70px">
        <h1>修改密码</h1>


        <p>请输入新密码:<input id="password" type="password" required><label id="password_trip"></label></p>

        <p>确认密码&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:<input id="surePassword" type="password" required><label id="surePassword_trip"></label></p>

        <p>手机号码&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:<input id="phone" type="text" required><label id="phone_trip"></label></p>

        <div class="layui-form-item"><div class="layui-input-inline"><p>验证码&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:<input type="text" name="captcha" placeholder="输入验证码" class="layui-input"><img width="70px" height="35px" style="border: 1px solid #4444" onclick="javascript:this.src=this.src" src="#" title="点击刷新" alt="验证码" /></div></p></div>

        <p style="text-align: center;">
            <input type="submit" class="button" onblur="checkForm()" onclick='window.open("login.html")' value="提交">
            <input type="reset" class="button" value="重置">
        </p>
    </form>
</div>

</body>
<script type="text/javascript">


</script>


</body>
</html>